﻿@{
    SiteSettings siteSettings = ViewData.Get<SiteSettings>("SiteSettings", null);
}

<!-- 侧边栏开始  -->
<style>
    .side_panel { position: fixed; right: 0px; top: 0; width: 36px; height: 100%; background: #fff; z-index: 66; }
    .sidebar { width: 36px; height: 100%; background: #f7fafa; border-left: 1px #e2e2e2 solid; border-right: 1px #e2e2e2 solid; }
    .sidebar .mbar { position: absolute; top: 50%; left: 1px; width: 36px; height: 234px; margin-top: -182px; border-top: 1px #f0eeee solid; }
    .mbar .icon, .bbar .icon { display: block; position: relative; width: 36px; height: 36px; border-bottom: 1px #f0eeee solid; background: url(/images/mbar.png) no-repeat; cursor: pointer; transition: background-color .25s ease; }
    .mbar .icon:hover, .bbar .icon:hover { background-color: #f0eeee; }
    .bbar { position: absolute; left: 1px; bottom: 50px; border-top: 1px #f0eeee solid; }
    .icon.to_top { background-position: 0 -216px; }
    .icon.to_top:hover { background-position: 0 -252px; }
    .icon.show_qq { background-position: 0 -72px; }
    .icon.show_qq:hover { background-position: 0 -108px; }
    .icon.show_call { background-position: 0 0; }
    .icon.show_call:hover { background-position: 0 -36px; }
    .icon.show_weixin { border-bottom: none; background-position: 0 -144px; }
    .icon.show_weixin:hover { background-position: 0 -180px; }
    .show_cars #my_cars_count_show { display: block; width: 20px; height: 20px; margin: 3px auto; background: #fb5358; color: #fff; font: 13px/20px microsoft yahei; text-align: center; border-radius: 20px; }
    .show_cars .text { font-size: 13px; width: 13px; display: block; margin: 0 auto; }
    .mbar .icon .mtip, .bbar .icon .mtip { display: none; opacity: 0; position: absolute; top: 0; right: 74px; font-size: 14px; background-color: #fb5358; color: #fff; text-align: center; line-height: 36px; z-index: 98; }
    .show_call .mtip { width: 136px; }
    .to_top .mtip { width: 78px; }
    .show_qq .mtip { width: 92px; }
    .icon .mtip .arrow { position: absolute; top: 0; right: -8px; font-size: 18px; color: #fb5358; font-family: simsun; }
    .mbar .icon .mtip.weixin { padding: 10px; width: 120px; height: 142px; background: #fff; text-align: center; }
    .mbar .icon .mtip.weixin img { display: block; }
    .mbar .icon .mtip.weixin .arrow { color: #fff; }
    .mbar .icon .mtip.weixin p { margin: 0; color: #666; line-height: 28px; font-size: 15px; }
</style>

    <div class="side_panel" style="right: 0px;">
        <div class="sidebar">
            <div class="mbar">
                <div class="icon show_call">
                    <div class="mtip" style="display: none; right: 74px; opacity: 0;">
                        <i class="fa fa-phone"></i> 182 5578 0388
                        <i class="arrow">◆</i>
                    </div>
                </div>
                <a class="icon show_qq" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1828340388&amp;site=qq&amp;menu=yes">
                    <div class="mtip" style="display: none; right: 74px; opacity: 0;">
                        <i class="fa fa-qq"></i> 在线QQ
                        <i class="arrow">◆</i>
                    </div>
                </a>
                <div class="icon show_weixin">
                    <div class="mtip weixin" style="display: none; right: 74px; opacity: 0;">
                        <img src="/images/weixin.jpg">
                        <p>收藏微信，有惊喜</p>
                        <i class="arrow">◆</i>
                    </div>
                </div>
            </div>
            <div class="bbar">
                <div class="icon to_top">
                    <div class="mtip" style="display: none; right: 74px; opacity: 0;">
                        返回顶部
                        <i class="arrow">◆</i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        $(function () {
            $(".side_panel").animate({ right: "0px" }, 250);
            $(document).bind('click',
              function (e) {
                  var clickme = $(e.target);
                  if (!clickme.parents().hasClass("side_panel") && !clickme.parents().hasClass("ui-dialog")) {
                      $(".side_panel").animate({ right: "0" }, 250);
                  }
              });
            $(".icon").hover(function () {
                $(this).find(".mtip").css("display", "block").animate({ right: "37px", opacity: 1 }, 250);
            }, function () {
                $(this).find(".mtip").animate({ right: "74px", opacity: 0 }, 250, function () {
                    $(this).css("display", "none");
                });
            });

            $(".to_top").click(function () {
                $('body,html').animate({ scrollTop: 0 }, 500);
                return false;
            });

            $("#service").hover(function () {
                $(this).next().fadeIn(250);
            }, function () {
                $(this).next().fadeOut(250);
            });
        })
    </script>
    <!-- 侧边栏结束  -->
    <!--footer开始-->
<style type="text/less">
    
</style>
<div class="footer_full_top">
    <div class="footer1">
        <div class="logo">
            <p>0773-8999635</p>
            <span id="service">客服（周一至周五 8:30-18:00） <i class="fa fa fa-caret-down"></i></span>
            <span id="free_time_service">其他时段联系电话：18907733066</span>
        </div>

        <div class="help">
            <ul>
                <p>首页</p>
                <li><a href="/help/contact" target="_blank">· 商务合作</a></li>
                <li><a href="/help/join" target="_blank">· 代理加盟</a></li>
                <li><a href="/Help/copyright" target="_blank">· 版权声明</a></li>
                <li><a href="/help/job" target="_blank">· 人才招聘</a></li>
            </ul>
            <ul>
                <p>搜索</p>
                <li><a href="/Help/agreement" target="_blank">· 服务协议</a></li>
                <li><a href="/Help/#u4" target="_blank">· 费用说明</a></li>
                <li><a href="/Help/#u9" target="_blank">· 双倍赔付</a></li>
                <li><a href="/Help/#d3" target="_blank">· 车主保障</a></li>
            </ul>
            <ul>
                <p>驿站</p>
                <li><a href="/Help/#pay-type" target="_blank">· 支付方式</a></li>
                <li><a href="/Help/#u2" target="_blank">· 信任支付</a></li>
                <li><a href="/Help/#about-deposit" target="_blank">· 订金说明</a></li>
                <li><a href="/Help/#refund" target="_blank">· 申请退款</a></li>
            </ul>
            <ul>
                <p>活动</p>
                <li><a href="/help/about" target="_blank">· 关于接亲网</a></li>
                <li><a href="/Help/#u1" target="_blank">· 如何选车</a></li>
                <li><a href="/Help/#d1" target="_blank">· 证件认证</a></li>
                <li><a href="/Help" target="_blank">· 常见问题</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer_full_bottom">
    <p>
        友情链接  |
        <a href="http://www.baidu.com/s?wd=www.jieqinwang.com" target="_blank">百度搜索</a>  |
        <a href="http://www.autohome.com.cn" target="_blank">汽车之家</a>  |
        <a href="http://www.jiayuan.com" target="_blank">世纪佳缘</a>  |
        <a href="http://www.guifun.com" target="_blank">桂房网</a>
    </p>	<p>版权所有©2015   <a href="http://www.miitbeian.gov.cn" target="_blank">桂ICP备14005090号-1</a>   ALLRIGHTSERVER</p>
    <p>爱驿站 中国专业的婚配解决方案平台</p>
</div>


    @*<div class="footer">

    </div>*@

    @*<div class="tn-footer-legal">
            @if (siteSettings != null)
            {
                <p>
                    @Html.Raw(siteSettings.Links)
                </p>
            }
            <p>
                Powered by <a href="" target="_blank">爱驿站</a> v4.1 ©2005-2013 Tunynet Inc.
                @if (siteSettings != null)
                {
                    @Html.Raw(siteSettings.BeiAnScript)
                    @Html.Raw(siteSettings.StatScript)
                }
            </p>
        </div>
        <div class="tn-return-to-top" id="to_top">
            <a href="#" class="tn-button tn-corner-all tn-button-secondary tn-button-hollow tn-button-icon-only">
                <span class="tn-icon tn-icon-top"></span><span class="tn-button-text">返回顶部</span></a>
        </div>
        <script type="text/javascript">
            jQuery.fn.topLink = function (settings) {
                settings = jQuery.extend({
                    min: 1,
                    fadeSpeed: 200,
                    ieOffset: 50
                }, settings);
                return this.each(function () {
                    //listen for scroll
                    var el = $(this);
                    el.css('display', 'none'); //in case the user forgot
                    $(window).scroll(function () {
                        if (!jQuery.support.hrefNormalized) {
                            el.css({
                                'position': 'absolute',
                                'top': $(window).scrollTop() + $(window).height() - 100
                            });
                        }
                        if ($(window).scrollTop() >= settings.min) {
                            el.show();
                        }
                        else {
                            el.hide();
                        }
                    });
                });
            };

            $(document).ready(function () {
                $('#to_top').topLink({
                    min: 10,
                    fadeSpeed: 500
                });
                //smoothscroll
                $('#to_top').click(function (e) {
                    e.preventDefault();
                    $.scrollTo(0, 300);
                });
            });
        </script>*@
